<!DOCTYPE html/>
<html>
     <head>
             <meta charset="utf-8"/>
             <title> Catégories </title>
              <link rel='stylesheet' type="text/css" href='media/css/participerstyle.css' />
     </head> 

     <body>
     <div id='tous'>
  	Rechercher dans tous les Events...
  	</div>
	<div id='ts'>
	<a href="index.php?page=tsEvents">Tous les Events</a>
	</div>
  	<div id='parTheme'>
  	Rechercher par thème...
  	</div>
     
     <p> <div id="gastronomie">  
            <a href="index.php?page=gastronomie" onMouseOver="poplink('<img src=media/images/eat.gif>')"; onmouseout="closepopup()" ><img src="media/images/gastronomie.png" alt="Photo gastronomie" title="Catégorie Gastronomie" /> </a>

    </div> 
    <div id="musique">
            <a href="index.php?page=musique" onMouseOver="poplink('<img src=media/images/music.gif>')"; onmouseout="closepopup()"><img src="media/images/musique.png" alt="Photo musique" title="Catégorie Musique" /> </a>

    </div>
    
         <div id="culture">  
            <a href="index.php?page=culture" onMouseOver="poplink('<img src=media/images/read.gif>')"; onmouseout="closepopup()"><img src="media/images/culture.png" alt="Photo culture" title="Catégorie Culture" /> </a>

    </div>
    
    </p>
    <div id="sport">  
            <a href="index.php?page=sport"onMouseOver="poplink('<img src=media/images/foot.gif>')"; onmouseout="closepopup()"><img src="media/images/sports.png" alt="Photo sport" title="Catégorie Sport" /> </a>

    </div>
    
         <div id="soiree">  
            <a href="index.php?page=soiree" onMouseOver="poplink('<img src=media/images/dance.gif>')"; onmouseout="closepopup()"><img src="media/images/soiree.png" alt="Photo soiree" title="Catégorie Soirées" /> </a>

    </div>
    
         <div id="autres">  
            <a href="index.php?page=autre" onMouseOver="poplink('<img src=media/images/autre.gif>')"; onmouseout="closepopup()"><img src="media/images/autres.png" alt="Photo autres" title="Autres catégories" /> </a>
	</div>
	
	<div id='parGeo'>
  	Recherche par geolocalisation ...
  	</div>
    
    <div id="proxi">  
            <a href="index.php?page=geo"><img src="media/images/aproximite.png" alt="Photo proxi" title="A proximite" /> </a>

    </div> 

    
    </body>    <span class="pop" id="imgx"></span> <!--on place le span o� on veut placer l'image-->      
     <script type="text/javascript">
					if (document.getElementById){
					box = document.getElementById("imgx").style;
					if(navigator.appName.substring(0,3) == "Net")
					document.captureEvents(Event.MOUSEMOVE);
					document.onmousemove = pointer;
					}
					
					function poplink(contenu){
					var content ="<table border=0 cellpadding=0 cellspacing=0 bgcolor=#FFFFFFFF><tr><td><table width=1 cellpadding=3 cellspacing=1><tr><td bgcolor=#FFFFFF><center>"+contenu+"</center></td></tr></table></td></tr></table>"; <!--on r�gle le cadre de l'image: bordure, couleur, etc-->					
					if (document.getElementById)
					{
					document.getElementById("imgx").innerHTML =content;
					box.visibility = "visible";  
					}
					}
					
							function closepopup() 					
					{
					if (document.getElementById)
					box.visibility = "hidden";
					}
</script>
     
</html>